<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8" />
		<meta name="viewport"
			content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
		<title></title>
		<link rel="stylesheet" href="/mobile/layui/css/layui.css" />
		<link rel="stylesheet" href="/mobile/css/mobile.css" />
		<script src="/mobile/js/jquery.min.js"></script>
		<script src="/mobile/js/jquery.easing.min.js"></script>
		<script src="/mobile/layui/layui.js"></script>

	</head>
	<body>
		
		<div class="qiye_xiangqing">
			<div class="hd2">
				
				<div style="background-image:url({$rs.image});background-position:center;background-repeat:no-repeat; background-size:auto 80%;width:100%;padding:50% 0">>
			        
			    </div>
				<div class="title" style="border-bottom: none;">{$rs.qikan_name}</div>
				<p style="color:#999;font-size: 13px;margin: 0 15px;">{$rs.qishu}</p>
			</div>
			<div class="main">
				<a href="{$rs.dir}" class="layui-btn layui-btn-lg layui-btn-normal layui-btn-fluid layui-btn-radius">在线阅读</a>
			</div>
			<div class="gap"></div>
			<div class="article">
			    <div class="detail">
			        <div class="hd" style="align-items: center; padding: 0; border-bottom: none; justify-content: center;">
    					<div class="huabian">文章目次</div>
    				</div>
			    </div>
			</div>
			
			<dl class="booklist" style="padding-top: 15px; padding-bottom: 15px;">
				{volist name="rs_type" id="item"}
				<dt class="layui-font-red">【{$item.name}】</dt>
					{volist name="$item.docs" id="wenzhang_item"}
					<a href="{:url('shukan/qikanwenzhang_detail',['id'=>$wenzhang_item.id])}"><dd>
						<div class="title">{$wenzhang_item.title}</div>
						<div class="desc">
							<p>{$wenzhang_item.author}</p>
							<span>详情<i class="iconfont">&#xe6a3;</i></span>
						</div>
					</dd></a>
					{/volist}
				{/volist}
			</dl>
			
			<div class="gap"></div>
			<div class="article">
			    <div class="detail">
			        <div class="hd" style="align-items: center; padding: 0; border-bottom: none; justify-content: center;">
    					<div class="huabian">下期预告</div>
    				</div>
			    </div>
			    <div>
    			    {$rs.next_neirong}
    			</div>
			</div>
			
		</div>
		
	</body>
	
</html>